<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>allinone content演示(common皮肤/全屏)_素材火</title>

<link href="css/allinone_contentSlider.css" rel="stylesheet" type="text/css">
<script src="http://www.sucaihuo.com/Public/js/other/jquery.js"></script>
<script src="js/jquery-ui-1.10.2.min.js"></script>
<script src="js/allinone_contentSlider.js" type="text/javascript"></script>

<script>
$(function() {
	$('#allinone_contentSlider_common').allinone_contentSlider({
		skin: 'common',
		width: 1920,
		height: 600,
		width100Proc:true,
		responsive:true,
		autoHideBottomNav:false,
		showPreviewThumbs:false,
		autoHideNavArrows:false
	});
});
</script>
</head>

<body>
<h1>allinone content演示(common皮肤/全屏)</h1>

<!-- 代码开始 -->
<div style="background:#CCC">
	<div id="allinone_contentSlider_common"> 
		<ul class="allinone_contentSlider_list">
			<li data-text-id="#allinone_contentSlider_photoText1"><img style="padding-top:20px; margin-left:10px;" src="images/commonFullWidth/HTML5SimpleFW.png" width="1076" height="580" alt="" /></li>
			<li data-text-id="#allinone_contentSlider_photoText3"></li>
			<li data-text-id="#allinone_contentSlider_photoText4"></li>
			<li data-text-id="#allinone_contentSlider_photoText6"></li>
		</ul>
		
		<div id="allinone_contentSlider_photoText1" class="allinone_contentSlider_texts">
			<div  class="allinone_contentSlider_text_line textElement11_commonFW" data-initial-left="400" data-initial-top="80" data-final-left="1100" data-final-top="80" data-duration="0.5" data-fade-start="0" data-delay="0">You can cutomize <br />
				this Content-Slider in <br />
				so many ways </div>
			<div  class="allinone_contentSlider_text_line textElement12_commonFW" data-initial-left="1105" data-initial-top="250" data-final-left="1105" data-final-top="250" data-duration="0.5" data-fade-start="0.5" data-delay="1.0">You'll see here just a few examples of what you can do</div>
			<div  class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="350" data-final-left="1100" data-final-top="350" data-duration="0.5" data-fade-start="0" data-delay="0.5"><img src="images/common/listIcon.png" width="28" height="26" alt=""/></div>
			<div  class="allinone_contentSlider_text_line textElement13_commonFW" data-initial-left="850" data-initial-top="345" data-final-left="1150" data-final-top="345" data-duration="0.5" data-fade-start="0" data-delay="0.3">You'll see here just a few examples of <br />
				what you can do. Only your imagination is the limit. </div>
			<div  class="allinone_contentSlider_text_line" data-initial-left="300" data-initial-top="440" data-final-left="1100" data-final-top="440" data-duration="0.5" data-fade-start="0" data-delay="0.8"><img src="images/common/listIcon.png" width="28" height="26" alt=""/></div>
			<div  class="allinone_contentSlider_text_line textElement13_commonFW" data-initial-left="455" data-initial-top="440" data-final-left="1150" data-final-top="440" data-duration="0.5" data-fade-start="0" data-delay="0.5">You can cutomize this Content-Slider in so many ways. <br />
				We hope your imagination has no limit.</div>
		</div>
		<div id="allinone_contentSlider_photoText3" class="allinone_contentSlider_texts">
			<div id="31" class="allinone_contentSlider_text_line" data-initial-left="120" data-initial-top="140" data-final-left="120" data-final-top="90" data-duration="0.5" data-fade-start="0" data-delay="0"> <img src="images/common/rightSideWp.png" width="600" height="460" alt="" /> </div>
			<div id="32" class="allinone_contentSlider_text_line" data-initial-left="80" data-initial-top="55" data-final-left="80" data-final-top="85" data-duration="0.5" data-fade-start="0" data-delay="0"> <img src="images/common/WP.png" width="442" height="204" alt="" /> </div>
			<div id="33" class="allinone_contentSlider_text_line" data-initial-left="815" data-initial-top="90" data-final-left="815" data-final-top="125" data-duration="0.5" data-fade-start="0" data-delay="0"> <img src="images/common/bottomWp.png" width="290" height="424" alt="" /> </div>
			<div id="34" class="allinone_contentSlider_text_line" data-initial-left="1215" data-initial-top="130" data-final-left="1215" data-final-top="100" data-duration="0.5" data-fade-start="0" data-delay="0"> <img src="images/commonFullWidth/YTB.png" width="600" height="460" alt="" /> </div>
			<div id="312" class="allinone_contentSlider_text_line textElement32_commonFW" data-initial-left="100" data-initial-top="85" data-final-left="100" data-final-top="295" data-duration="0.5" data-fade-start="0" data-delay="0"><a href="http://www.sucaihuo.com/js/249.html" target="_blank">Right Side Playlist</a></div>
			<div id="313" class="allinone_contentSlider_text_line textElement33_commonFW" data-initial-top="210" data-final-top="210" data-initial-left="1000" data-final-left="1000" data-duration="0.5" data-fade-start="0" data-delay="0"><a href="http://www.sucaihuo.com/js/249.html" target="_blank">Bottom Playlist</a></div>
		</div>
		<div id="allinone_contentSlider_photoText4" class="allinone_contentSlider_texts">
			<div id="41" class="allinone_contentSlider_text_line" data-initial-left="20" data-initial-top="145" data-final-left="1230" data-final-top="145" data-duration="0.5" data-fade-start="0" data-delay="0"> <img src="images/common/bottomH5.png" width="480" height="385" alt="" /> </div>
			<div id="42" class="allinone_contentSlider_text_line" data-initial-left="550" data-initial-top="70" data-final-left="805" data-final-top="70" data-duration="0.5" data-fade-start="0" data-delay="0.2"> <img src="images/common/HTML5_2Players.png" width="560" height="80" alt="" /> </div>
			<div id="43" class="allinone_contentSlider_text_line" data-initial-left="1200" data-initial-top="150" data-final-left="750" data-final-top="150" data-duration="0.5" data-fade-start="0" data-delay="0"> <img src="images/common/rightSideH5.png" width="613" height="379" alt="" /> </div>
			<div id="412" class="allinone_contentSlider_text_line textElement32_commonFW" data-initial-left="430" data-initial-top="255" data-final-left="680" data-final-top="255" data-duration="0.5" data-fade-start="0" data-delay="0"><a href="http://www.sucaihuo.com/js/249.html" target="_blank">Right Side Playlist</a></div>
			<div id="413" class="allinone_contentSlider_text_line textElement33_commonFW" data-initial-left="1350"  data-initial-top="210" data-final-left="1600"  data-final-top="210" data-duration="0.5" data-fade-start="0" data-delay="0"><a href="http://www.sucaihuo.com/js/249.html" target="_blank">Bottom Playlist</a></div>
			<div  class="allinone_contentSlider_text_line textElement41_commonFW" data-initial-left="150" data-initial-top="280" data-final-left="150" data-final-top="80" data-duration="0.5" data-fade-start="0.5" data-delay="1.0">You can cutomize <br />
				this Content-Slider in <br />
				so many ways </div>
			<div  class="allinone_contentSlider_text_line textElement42_commonFW" data-initial-left="1105" data-initial-top="250" data-final-left="155" data-final-top="250" data-duration="0.5" data-fade-start="0.5" data-delay="1.0">You'll see here just a few examples<br />
				of what you can do</div>
		</div>
		<div id="allinone_contentSlider_photoText6" class="allinone_contentSlider_texts">
			<div id="61" class="allinone_contentSlider_text_line" data-initial-left="710" data-initial-top="-20" data-final-left="710" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0"> <img src="images/commonFullWidth/1galaxy_s2FW.jpg" width="432" height="600" alt="" /> </div>
			<div id="62" class="allinone_contentSlider_text_line" data-initial-left="145" data-initial-top="40" data-final-left="145" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0"> <img src="images/commonFullWidth/2galaxy_s21FW.jpg" width="275" height="600" alt="" /> </div>
			<div id="63" class="allinone_contentSlider_text_line" data-initial-left="1440" data-initial-top="40" data-final-left="1440" data-final-top="0" data-duration="0.5" data-fade-start="0" data-delay="0"> <img src="images/commonFullWidth/3galaxy_aceplusFW.jpg" width="285" height="600" alt="" /> </div>
			<div id="612" class="allinone_contentSlider_text_line textElement62_commonFW" data-initial-left="390" data-initial-top="135" data-final-left="105" data-final-top="135" data-duration="0.5" data-fade-start="0" data-delay="0"> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">galaxy S</a> </div>
			<div id="611" class="allinone_contentSlider_text_line textElement61_commonFW" data-initial-left="100" data-initial-top="185" data-final-left="740" data-final-top="185" data-duration="0.5" data-fade-start="0" data-delay="0"> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">Iphone 3GS</a> </div>
			<div id="613" class="allinone_contentSlider_text_line textElement63_commonFW" data-initial-left="480" data-initial-top="135" data-final-left="1650" data-final-top="135" data-duration="0.5" data-fade-start="0" data-delay="0"> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">Iphone 4S</a> </div>
		</div>
	</div>
</div>
<!-- 代码结束 -->









<!-- 以下是统计和广告，与演示无关，不必理会 -->
<style type="text/css">
body { margin: 0;}
h1 { margin: 40px 10px; font: 32px Microsoft Yahei; text-align: center;}

.vad { margin:70px 0 5px; font-family: arial,宋体,sans-serif; text-align:center;}
.vad a { display:inline-block; height: 30px; line-height: 30px; margin:0 5px; padding:0 20px; font-size:14px; text-align:center; color:#eee; text-decoration:none; background-color:#222;}
.vad a:hover { color:#fff; background-color:#000;}

.a728x90 { width: 728px; height: 90px; margin: 0 auto;}
</style>

<p class="vad"><a href="http://www.sucaihuo.com/" target="_blank">sucaihuo.com</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">说 明</a> <a href="http://www.sucaihuo.com/js/249.html" target="_blank">下 载</a></p>

</body>
</html>